﻿/* Header */
.tddocument > .header
{
    width: 100%;
    height: 40px;
}
.tddocument > .header ul
{
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 40px;
    padding-top: 8px;
}
.tddocument > .header li
{
    display: inline;
    margin-right: 10px;
    list-style: none;
}

/* Content */
#splitcontanainer
{
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 2px solid rgb(72, 152, 221);
}
.content
{
    width: 100%;
    left: 0px;
    right: 0px;
    top: 40px;
    bottom: 40px;
    position: absolute;
    clear: both;
}
.treepanel
{
    float: left;
    height: 100%;
    overflow: auto;
}
.contentpanel
{
    float: left;
    height: 100%;
}
#mlcontent
{
    position: relative;
    height: 100%;
    width: 100%;
}
.splitter
{
    width: 2px;
    background-color: rgb(72, 152, 221);
}
/* Thumbnail mode */
#ThumbnailList
{
    padding: 0pt 6px;
    margin: 0px;
    overflow: auto;
    list-style: none;
    font-size: 12px;
}
#ThumbnailList .thumbnail
{
    float: left;
    margin: 8px 6px;
    width: 126px;
    height: 99px;
    overflow: hidden;
    border: none;
    background-repeat: no-repeat;
    background-image: url('images/thumbnail_bg.png');
    background-position: 0pt 0pt;
    color: #96A8BC;
}
#ThumbnailList .thumbnail[selected]
{
    background-position: -126px 0pt;
    color: White;
}
#ThumbnailList .thumbnail:hover
{
    background-position: -252px 0pt;
    color: White;
}

#ThumbnailList .thumbnail_header
{
    text-align: left;
    clear: right;
    height: 14px;
    margin: 0px 10px;
    overflow: hidden;
}
#ThumbnailList .thumbnail_header > span
{
    float: left;
    display: block;
    width: 12px;
    height: 10px;
    margin: 3px 0pt;
    background-image: url('images/icon.png');
    background-position: -999px -999px;
}

#ThumbnailList .thumbnail_img
{
    clear: both;
    display: block;
    height: 65px;
    margin: 0 auto;
}
#ThumbnailList .thumbnail-title
{
    display: block;
    margin: 2px 10px;
    overflow: hidden;
    height: 16px;
    word-wrap: no-wrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.treeul
{
    list-style-type: none;
    padding-left: 10px;
    background: none !important;
}
.stretchFolder
{
    width: 10px;
    height: 10px;
    float: left;
    cursor: pointer;
    background: url('../jquery.treeview/images/treeview_custom.png') -68px -25px;
}
.stretchFolder[closed='closed']
{
    background-position: -84px -3px;
    background-repeat: no-repeat;
}

.stamp_warper
{
    width: 125px;
    height: 128px;
    border: solid 1px #bbb;
    margin: 1px;
    margin-top: 4px;
}
.info_warper
{
    width: 100px;
    height: 20px;
    margin: 0px 1px;
}
.title_warper
{
    width: 98px;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.Thumbnail_item
{
    width: 127px;
    height: 150px;
    margin: 5px;
    float: left;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 1px 8px;
}
.stamp1
{
    background-image: url('../../DefaultIcon/folder.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.stamp2
{
    background-image: url('../../DefaultIcon/excel.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.stamp2.ocrflag
{
    background-position: -250px 0;
}
.stamp3
{
    background-image: url('../../DefaultIcon/word.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.stamp3.ocrflag
{
    background-position: -250px 0;
}
.stamp4
{
    background-image: url('../../DefaultIcon/pdf.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.stamp4.ocrflag
{
    background-position: -250px 0;
}
.stamp5
{
    background-image: url('../../DefaultIcon/image.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}
.stamp5.ocrflag
{
    background-position: -250px 0;
}
.stamp6
{
    background-image: url('../../DefaultIcon/unknown.png');
    background-repeat: no-repeat;
    background-position: -125px 0;
}

li.onlight > div.stamp_warper
{
    background-position: 0 0;
}

li.onlight > div.stamp_warper.ocrflag
{
    background-position: -375px 0;
}


#txtFilePath
{
    background: #fafafa;
    border: solid 1px #aaa;
    width: 300px;
}

.filetree span.folder.selected
{
	/*color: #EE3123!important;*/
    font-weight:bold!important;
}

.tbdocumenthead
{
    width:100%;
}
.headerseach
{
    margin-right:12px;    
    margin-top:6px;
    margin-bottom:6px;
    float:right;    
}

.headerops
{
    margin-left:12px;
    margin-top:6px;
    margin-bottom:6px;
    float:left;
}

.detail_warper
{
    width: 31px;
    height: 32px;
    border: none;
    margin:auto;
}
.detail1
{
    background-image: url('../../DefaultIcon/folderdetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}
.detail2
{
    background-image: url('../../DefaultIcon/exceldetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}
.detail2.ocrflag
{
    background-position: -62px 0;
}
.detail3
{
    background-image: url('../../DefaultIcon/worddetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}
.detail3.ocrflag
{
    background-position: -62px 0;
}
.detail4
{
    background-image: url('../../DefaultIcon/pdfdetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}
.detail4.ocrflag
{
    background-position: -62px 0;
}
.detail5
{
    background-image: url('../../DefaultIcon/imagedetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}
.detail5.ocrflag
{
    background-position: -62px 0;
}
.detail6
{
    background-image: url('../../DefaultIcon/unknowndetail.png');
    background-repeat: no-repeat;
    background-position: -31px 0;
}

/* Details mode */
#TableListContainer .ui-widget-content { border: none; color:Black; }
#TableListContainer div.ui-jqgrid-hdiv { border: none; }
#TableListContainer th.ui-th-column {/*border-top: solid 1px Gray; border-right: solid 1px Gray;border-bottom: solid 1px Gray;*/background: url('../images/gridbar.jpg') repeat-x;height: 31px;}
#TableListContainer tr.ui-row-ltr {background: White; }
#TableListContainer tr.ui-state-hover { background: #BED5F3; }
#TableListContainer tr.ui-state-highlight { background: #BED5F3; }
#TableListContainer td.ui-event-canuseclip { background: #BED5F3; }
#TableListContainer #TableList_图标,#TableListContainer td[aria-describedby='TableList_图标'] {/*border-left:solid 1px Gray;*/}

